@import"./_init_pubstyle.scss";
@import"./_theme";

    
        .header{
        width: 100%;
        height: 36px;
        background-color: #333;
        display: flex;
        align-items: center;
        .header_box{
            width: 84%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .header_text{
                width: 270px;
                height: 36px;
                line-height: 36px;
                font-size: 14px;
                text-align: right;
                color: $primary_color;
                position: relative;
                text-indent: 5px;
                text-decoration: underline;
                &:hover{
                    cursor: pointer;
                    color: white;
                }
                .sound{
                    position: absolute;
                    top: 0px;
                    left: -20px;
                    width: 36px;
                    height: 36px;
                    background: url(../img/horn.png) no-repeat 50%;
                }
            }
            .header_nav{ 
            width: 500px;
            font-size: 12px;
            color: #fff;
            display: flex;
            justify-content: space-evenly;
            align-items: center;  
           div{
            width: 70px;
            height: 14px;
            text-align: center;
            line-height: 14px;
            border-right: 1px solid #fff;
           }
            }
        }


        }
        .navi{
            width: 100%;
            height: 140px;
            background-color: #fff;
            border-bottom: 1px solid #eaeaea;
           .navi_box{
               width: 84%;
            margin: 0 auto;
             .nav_logo{
                width: 100%;
                height: 100px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .logo_img{
                    width: 212px;
                    height: 60px;
                    background: url(../img/logo.png) no-repeat 50%;
                }
                .logo_search{
                    width: 520px;
                    height: 80px;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    justify-content: space-between;
                    box-sizing: border-box;
                    padding-top: 20px;
                    .search{
                        width: 100%;
                        height: 36px;
                        line-height: 36px;
                        border: 1px solid $primary_color;
                        border-radius: 36px;
                        font-size: 14px;
                        color: $border_color;
                        text-indent: 30px;
                        position: relative;
                        >span{
                            position: absolute;
                            left: 10px;
                            top: 10px;
                            display: inline-block;
                            width: 16px;
                            height: 16px;
                            background: url(../img/ai219.png) no-repeat 50%;
                        }
                    }
                    .goods_text{
                        width: 100%;
                        height: 40px;
                        background-color: rgb(206, 214, 136);

                    }
                }
                .carts{
                    width: 130px;
                    height: 36px;
                    border: 1px solid $primary_color;
                    border-radius: 36px;
                }       
            }
            .nav_tittle{
                width: 100%;
                height: 40px;
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
            
                @for $var from 1 through 11 {
                    div:nth-child(#{$var}){
                        width: 70px;
                        height: 34px;
                        line-height: 34px;
                        box-sizing: border-box;
                        text-align: center;
                        font-size: 14px;
                        font-weight: 900;
                        &:hover{
                            cursor: pointer;
                            color: $primary_color;
                            border-bottom: 2px solid $primary_color;
                        }
                    } 
                }
               
            }
        } 
             
        }  
        .index_body{
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        .carousel{
            width: 100%;
            height: 418px;
            background-color: rgb(235, 168, 168);
            background: url(../img/lunbotu01.png) no-repeat 50%;
        }
        .carousel_box{
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        .discount{
            width: 84%;
            height: 118px;
            margin:20px 0px;
            border: 1px solid transparent;
            border-radius: 16px;
            background: url(../img/discount.png) no-repeat 50%;

        }

        .Brand_maker{
            width: 84%;
            height: 360px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        .brand_tittle{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .brand_text{
                width: 350px;
             height: 40px;
            
                display: flex;
                justify-content: space-between;
            align-items: center;
                 h3{
                width: 140px;
                height: 40px;
                line-height: 40px;
                font-size: 24px;
                &:hover{
                    cursor: pointer;
                    color: $primary_color;
                }
            } 
             .p1{
                width: 200px;
                height: 40px;
                line-height: 44px;
                font-size: 14px;
            }
            }
            .p2{
                width: 85px;
                height: 40px;
               text-align: right;
               line-height: 44px;
               font-size: 14px;
               &:hover{
                cursor: pointer;
                color: $primary_color;
            }
            }

            }
            .brand_goods{
                width: 100%;
                display: flex;
                align-items: center;
                display: flex;
                justify-content: space-around;
                align-items: center;

                .brand_goods1,.brand_goods2{
                width: 357px;
                display: flex;
                flex-direction: column;
                align-items: center;
                position: relative;
                // &:hover{
                //     cursor: pointer;
                //     background-size:100%;
                // }
                .goods_des{
                    width: 100%;
                    height: 120px;
                    display:flex ;
                    flex-direction: column;
                    align-items: center;
                    justify-content: space-evenly;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    .goods_source{
                        width: 140px;
                        height: 30px;
                        line-height: 30px;
                        text-align: center;
                        font-size: 24px;
                        margin: 20px 0px;
                        position: relative;
                        
                    }
                    .goods_source{
                       >span{
                        display: inline-block;
                        width: 33px;
                        height: 24px;
                        line-height: 22px;
                        text-align: center;
                        font-size: 12px;
                        color: #fff;
                        position: absolute;
                        top: -2px;
                        right: -26px;
                        background: url(../img/new.png) no-repeat 50%;
                    } 
                    }
                    .goods_price{
                        width: 58px;
                        height: 44px;
                        text-align: center;
                        border-top: 1px solid $primary_color ;
                        font-size: 14px;
                        padding-top: 20px;
                    }

                }
                .goods_img{
                    width: 100%;
                    height: 320px;
                    background-color: rgb(218, 245, 142);
                }
            }
            .brand_goods1{
                .goods_img{
                    background: url(../img/goods01.png) no-repeat 50%;
                    background-size:100%,100% ;
                    transition: all 0.2s linear;
                    &:hover{
                        background-size:102%,102% ;
                    }
                    
                }
            }
             .brand_goods2{
                margin: 0px 10px;
                .goods_img{
                    background: url(../img/goods02.png) no-repeat 50%;
                }
             }
            .brand_goods3{
                width: 357px;
                height: 320px;
                background-color: #fff;
                display: flex;
                flex-direction: column;
                align-items: center;
                position: relative;
                .brand_img1,.brand_img2{
                    width: 100%;
                    height: 155px;
                    background: url(../img/goods03.png) no-repeat 50%;
                    .brand_img11{
                        width: 120px;
                        height: 100px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-around;
                        align-items: center;
                        p:nth-child(1) {
                            width: 120px;
                            height: 28px;
                            text-align: center;
                            line-height: 28px;
                            font-size: 18px;

                        }
                        p:nth-child(2) {
                            width: 60px;
                            height: 40px;
                            text-align: center;
                            line-height: 28px;
                            font-size: 14px;
                            border-top: 1px solid black;

                        }


                    }

                }
                .brand_img1{
                    margin-bottom: 10px;
                }

            }
            
        }  
        }
        
        .new_product{
                width: 84%;
                height: 486px;
                .new_pro_des{
                    width: 100%;
                    height: 100px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    .product_tittle{
                        width: 350px;
                        height: 100px;
                        display: flex;
                        justify-content: space-between;
                    align-items: flex-end;
                         h3{
                        width: 140px;
                        height: 100px;
                        line-height: 140px;
                        font-size: 24px;
                        &:hover{
                            cursor: pointer;
                            color: $primary_color;
                        }
                    } 
                     .p1{
                        width: 200px;
                        height: 100px;
                        line-height: 144px;
                        font-size: 14px;
                    }
                    }
                    .p2{
                        width: 85px;
                        height: 100px;
                       text-align: right;
                       line-height: 144px;
                       font-size: 14px;
                       &:hover{
                        cursor: pointer;
                        color: $primary_color;
                    }
                    }
        
                }
                .new_pro{
                    width: 100%;
                    height: 344px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    overflow: hidden;
                    @for $var from 1 through 4 {
                        div:nth-child(#{$var}){
                            width: 256px;
                            height: 344px;
                        
                        } 
                        .new_pro_infor{
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            margin-right: 10px;
                           
                            .new_pro_img{
                                width: 256px;
                                height: 256px;
                                // background: #cccccceb url(../img/new_first01.png) no-repeat 50%;
                            }
                            .pro_intro{
                                font-size: 14px;
                                font-weight: 900;
                                margin: 20px 0px 10px 0px;
                            }
                            .pro_pric{
                                color: red;
                                font-size: 14px;
                            }
                            &:hover{
                                box-shadow: 2px 2px 4px #cccccceb ;
                                background-color: #f4f0ea;
                            }
                            &:hover .new_pro_img{
                                cursor: pointer;
                                background: url(../img/new_first02.png) no-repeat 50% !important;
                                background-size:100% 100% ;
                            }
                        }
                    }
                }
            }
        .hot_product{
                width: 100%;
                height: 650px;
                background-color: #f4f0ea;
                display: flex;
                justify-content: center;
                .hot_box{
                    width: 84%;
                     .hot_content{
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-top: 20px;
                    .hot_cont_left{
                        width: 300px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        h3{
                            width: 100px;
                            height: 40px;
                            font-size: 24px;
                            line-height: 40px;
                            &:hover{
                                cursor: pointer;
                                color: $primary_color;
                            }
                        }
                        .p11{
                            width: 160px;
                            height: 40px;
                            font-size: 14px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            text-align: center;
                            span{
                                &:hover{
                                    cursor: pointer;
                                    color:$primary_color ;
                                }  
                            }
                            span:nth-child(1){
                            border-bottom:2px solid $primary_color ;
                        }
                        }
                    }
                    .hot_cont_right{
                        width: 100px;
                        font-size: 14px;
                        text-align: right;
                        &:hover{
                            cursor: pointer;
                            color:$primary_color ;
                        }
                    }
                }

                .hot_goods{
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                    margin-top:10px ;
                }
                .hot_goods_left{
                    width: 390px;
                    padding: 5px 0px;
                    height: 520px;
                    margin-right: 10px;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    background-color: #fff;
                    .hot_img{
                        width: 100%;
                        height: 400px;
                        background:url(../img/yupeng.png) no-repeat 50%;

                    }
                    .hot_content{
                        width: 100%;
                        height: calc(100% - 400px);
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        .prdtTags{
                            width: 100%;
                            display: flex;
                            justify-content: center;
                            .m_itemTag{
                                display: inline-block;
                                width: 80px;
                                height: 20px;
                                line-height: 20px;
                                margin-top: -20px;
                                font-size: 12px;
                                background-color: orangered;
                                color: #fff;
                                text-align: center;
                            }
                        }
                        .name{
                            width: 100%;
                            height: 50px;
                            display: flex;
                            justify-content: center;
                            a{
                                color: black;
                                span{
                                    width: 80%;
                                    height: 50px;
                                    line-height: 50px;
                                    font-size: 20px;
                                    text-align: center;
                                }
                            }
                        }
                        .price{
                            width: 100%;
                            display: flex;
                            justify-content: center;
                          .retailPrice{
                              color: red;
                              font-size: 16px;
                              text-align: center;
                          }  
                        }
                    }


                }
                .hot_goods_right{
                    width: calc(100% - 400px);
                    height: 530px;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    .saleBlock{
                        width:209px;
                        height: 255px;
                        background-color: #fff;
                        .saleImg{
                            width: 100%;
                            height: 180px;
                            position: relative;
                          
                            ul li.leftfont{
                                width: 82px;
                                height: 36px;
                                background: url(../img/hot11.png) no-repeat 50%;
                                position: absolute;
                                left: 0px;
                                bottom: 0px;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items:space-between;
                                z-index: 2;
                                p{
                                    font-size: 13px;
                                    color: #fff;
                                    text-align: center;
                                }
                                p:last-child{
                                    font-weight: 900;
                                }
                                

                            }
                            ul li.strip{
                                width: 180px;
                                height: 30px;
                                line-height: 30px;
                                text-indent: 50px;
                                font-size: 12px;
                                color: #fff;
                                position: absolute;
                                right: 0px;
                                bottom: 0px;
                                background: url(../img/hot12.png) no-repeat 50%;
                            }
                        }
                        .botFont{
                            width: 100%;
                            height: calc(100% - 180px);
                            display: flex;
                            flex-direction:column ;
                            justify-content: space-evenly;
                            align-items: center;
                            .discounts{
                                width: 100%;
                                height: 30%;
                                display: flex;
                                justify-content: center;
                                align-items: center;

                                a{
                                    color:#fff;
                                    background:orangered;
                                    font-size:12px;   
                                    padding: 1px 4px; 
                                    border-radius: 4px;
                                }
                            }
                        }
                        .name{
                            width: 100%;
                            padding: 0 10px;
                            height: 30%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            a{
                                display: inline-block;
                                width: 100%;
                                color:#000;
                                height:100%;
                                font-weight: 700;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                overflow: hidden;
                            }
                        }
                        .price{
                            width: 100%;
                            padding: 0 10px;
                            height: 30%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            color:firebrick;
                        }
                    }
                
                }
                }
               
               
                

            }
        
        .welfare_service{
                width: 100%;
                background-color: #f4f0ea;
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 40px 0px;
                .wel_tittle{
                    width: 84%;
                    height: 80px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    h3{
                        width: 100px;
                        height: 50px;
                        display: flex;
                        justify-self: flex-start;
                        span{
                            color: black;
                            font-size: 24px;
                            
                        }
                        &:hover span{
                            cursor: pointer;
                             color: $primary_color;
                         }
                    }
                    a{
                        color: black;
                        width: 100px;
                        display: flex;
                        justify-content: flex-end;
                        span{
                            font-size: 12px;
                            text-align: right;
                            &:hover{
                                cursor: pointer;
                                color: $primary_color;
                            }
                        } 
                    }

                }
                .wel_content{
                    width: 84%;
                    display: flex;
                    justify-content: space-between;
                    background-color: #fff;
                    .wel_left{
                        width: 225px;
                        height: 376px;
                        background: url(../img/wel_left01.png);
                    }
                    .wel_middle{
                        width: calc(100% - 450px);
                        height: 376px;  
                        display: flex;
                        justify-content: center;
                        .wel_mid_cont{
                            width: 96%;
                            height: 100%;
                            .wel_mid_tillte{
                                width: 100%;
                                height: 56px;
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                border-bottom: 1px solid #f4f0ea;
                                P{
                                    width: 90px;
                                    height: 30px;
                                    line-height: 30px;
                                  
                                    
                                }
                                .p1{
                                    font-size: 16px;
                                }
                                .p2{
                                    font-size: 12px;
                                    text-align: right;

                                }

                            }
                            .wel_mid_content{
                                width: 100%;
                                height: calc(100% - 56px);
                                display: flex;
                                flex-wrap: wrap;
                                justify-content: space-between;
                                align-items: center;
                                    .wel_mid{
                                        width: calc(50% - 10px);
                                        height: calc(50% - 20px);
                                        display: flex;
                                       
                                        .wel_mid_img{
                                            width: calc(50% - 10px);
                                            height: 100%;
                                            background: url(../img/wel_middle01.png) no-repeat 50%;
                                        }
                                        .wel_mid_des{
                                            width: 50%;
                                            height: 100%;
                                            padding: 5px 0;
                                            display: flex;
                                            flex-direction: column;
                                            justify-content: space-evenly;
                                            .infor{
                                                width: 100%;
                                                height:33%;
                                                white-space: pre-wrap;
                                                line-height: 22px;
                                                font-size: 14px;
                                                color:#333;
                                            }
                                            .price{
                                                width: 100%;
                                                height: 33%;
                                                .nowp{
                                                    width: 100%;
                                                    height:60%;
                                                    color: firebrick;
                                                    .xsj{
                                                        font-size: 14px;
                                                        sub{
                                                            font-size:10px;
                                                        }
                                                        b{
                                                            font-size:18px;
                                                        }
                                                    }
                                                }
                                                .befroeP{
                                                    width: 100%;
                                                    height:60%;
                                                    color: #A4A4A4;
                                                    text-decoration: line-through;
                                                }
                                            }
                                            .limitBuy{
                                                width: 70%;
                                                height: 22%;
                                                display: flex;
                                                font-size: 12px;
                                                border-radius: 2px;
                                                justify-content: center;
                                                align-items: center;
                                                background: firebrick;
                                                color:#fff;
                                            }
                                        }

                                    }
                                
                                    
                    
                            }
                        }
                    }
                    .wel_right{
                        width: 242px;
                        height: 376px;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        .stock{
                        width: 242px;
                        height: 188px;
                        padding: 0 20px 0 22px;
                        font-size:16px;
                        border-left: 1px solid #F4F0EA;
                        .head{
                            width: 100%;
                            height:55px;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            .allStock{
                                color:#333;
                                margin: 10px 0 0;
                                font-size: 12px;
                                cursor: pointer;
                            }
                        }
                        ul{
                           width: 100%; 
                           height:calc((100% - 55px)/2);
                           .stockli{
                            width: 100%;
                            height:100%;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            .stockImg{
                                width: 50px;
                                height:50px;
                                margin-right:20px;
                                background:#f4f0ea url(../img/wel_right01.png) no-repeat 50%;
                            }
                            .descAndPrice{
                                width:calc(100% - 70px);
                                height:50px;
                                .sdesc{
                                    width:100%;
                                    height:50%;
                                    white-space: nowrap;
                                    text-overflow:ellipsis;
                                    overflow:hidden;
                                    font-size: 14px;
                                }
                                .priceCart{
                                    width: 100%;
                                    display: flex;
                                    justify-content: space-between;
                                    align-items: center;
                                    .sprice{
                                        color:firebrick;
                                    }
                                    .carts{
                                        display: inline-block;
                                        height: 24px;
                                        width: 24px;
                                        border-radius: 50%;
                                        background:url(../img/cart8.web.png) no-repeat 50%;
                                        background-position: 0 -199px;
                                    }
                                }
                            }
                           }
                        }
                    }
                    }
                 

                }
            }

        .home8{
            width: 84%;
            .home_life{
            margin-top:60px;
                width: 100%;
                background-color: #fff;
                .topLife{
                    width:100%;
                    height:48px;
                    padding-bottom:20px;
                    display:flex;
                    justify-content: space-between;
                    align-items: flex-end;
                    .leftHead{
                        font-size:24px;
                        font-weight:700;
                    }
                    .rightLife{
                        display:flex;
                        justify-content: space-between;
                        align-items:center;
                        .itemLife{
                            display:flex;
                            align-items:center; 
                            li{
                                margin:0 15px;
                            }
                        }
                        .lookMore{
                            color: #333;
                            margin-left:40px;
                        }
                    }
                }
                .bannerLife{
                    width:100%;
                    height:310px;
                    margin-bottom:20px;
                    background:url(../img/home_live01.png) no-repeat 50%;
                }
                .botLife{
                    width: 100%;
                    height:356px;
                    background-color: #fafafa;
                    display: flex;
                    justify-content: space-between;
                    .singleZone{
                        width: calc((100% - 30px)/4);
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        .bedsImg{
                            width:100%;
                            height:265px;
                            margin-bottom:10px;
                            background:url(../img/home01.png) no-repeat 50%;
                        }
                        .bedDiscount{
                            padding:2px;
                            color:#fff;
                            background-color:firebrick;
                            font-size:12px;
                        }
                        .bedDes{
                            font-size:14px;
                            font-weight:700;
                            text-align: center;
                        }
                        .bedP{
                            text-align: center;
                            color:firebrick;
                            .nwp{
                                text-decoration: line-through;
                                color:#A4A4A4;
                            }
                        }
                        .bedDiscount,.bedDes,.bedP{
                            height:20px;
                            margin-bottom:4px;
                        }
                    }
                }
            }}
        .opt_home{
            width: 84%;
            margin-top: 40px;
            margin-bottom: 80px;
            .opt_tillle{
                width: 100%;
                height: 48px;
                padding-bottom: 20px;
                display: flex;
                align-items: flex-end;
                .opt_tit1{
                    width: 100px;
                    font-size: 24px;
                    text-align: left;
                }
                .opt_tit2{
                    width: 170px;
                    font-size: 12px;
                    text-align: center;
                }

            }
            .opt_content{
                width: 100%;
                height: 380px;
                display: flex;
                justify-content: space-between;
                .img_l{
                    width: 690px;
                    height: 100%;
                    background: url(../img/opt_l.png) no-repeat 50%;
                }
                .img_r{
                    width: 390px;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    padding-left: 10px;
                    .img_r1{
                        width: 100%;
                        height: 185px;
                        background: url(../img/opt_t1.png);
                    }
                    .img_r2{
                        width: 100%;
                        height: 185px;
                        background: url(../img/opt_r2.png);
                    }
                    
                }

            }
        }
        
        .all_say{
           width: 84%;
           padding: 60px 0px;
           .all_tit{
            width: 100%;
            height: 48px;
            padding-bottom: 20px;
            display: flex;
            align-items: flex-end;
            .say_tittle1{
                width: 140px;
                font-size: 24px;
                text-align: left;
            }
            .say_tittle2{
                width: 170px;
                font-size: 12px;
                text-align: center;
                display: flex;
            }
            
        }
        .all_content{
            width: 100%;
             height: 500px;
             display: flex;
             justify-content: space-between;
            .say_cont{
                width: 341px;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                background:#fff;
            .cont_img{
            width: 100%;
            height: 355px;
            background: url(../img/sayAbout1.png);
            }
             .say_about{
            width: 96%;
            height: 186px;
            margin-top: -50px;
            background-color: #fff;
            padding: 20px 15px;
            .who_say{
                width: 100%;
                height: 20%;
                .name{
                    display: inline-block;
                    width: 100px;
                    height: 100%;
                }
                .time{
                    display: inline-block;
                    width: 100px;
                    height: 100%;
                }
            }
            .buy_goods_infor{
                width: 100%;
                height: 25%;
                display: flex;
                justify-content: space-between;
                .buy_goods_txt{
                    width: 70%;
                    height: 100%;
                     font-size: 16px;
                  font-weight: 900;
                  white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
                }
                .buy_goods_pri{
                    width: 25%;
                    height: 100%;
                    color: gray;
                    font-size: 12px;
                    text-align: right;
                }
               
               
            }
            .who_evaluate{
                width: 100%;
                height: 50%;
                white-space: wrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }


        
        }
        
    }
        }
                
                        
        }
    }
    
}
        .footer{
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-top:1px solid #A4A4A4;
            margin-top: 40px;
            .third_reg{
                width: 84%;
                display: flex;
                justify-content: space-between; 
                padding: 80px 0px 40px 0px;
                .third_reg_l{
                    width: 360px;
                    height: 204px;
                    .gre_l_serve{
                        width: 100%;
                        height: 144px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        align-items: center;
                        .cus_service{
                            width: 100px;
                            height: 24px;
                            line-height: 24px;
                            font-size: 16px;
                            text-align: center;
                        }
                        .ser_infor{
                            width: 100%;
                            height: 100px;
                            display: flex;
                            justify-content:center;  
                           align-items: center;
                           .ser_img1{
                            width: 80px;
                            height: 100px;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-around;
                            padding: 15px 0;
                            align-items: center;
                            border:1px solid #A4A4A4;
                            margin-right: 20px;
                            .ser_img11{
                                display: inline-block;
                                background: url(../img/wechat.png) no-repeat 50%;
                                background-position: 0 -290px;
                                height: 26px;
                                width: 31px;
                                &:hover{
                                    background-position: 0 -254px;
                                }
                            }
                            
                           }
                           .ser_img2{
                            width: 80px;
                            height: 100px;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: space-around;
                            padding: 15px 0;
                            border:1px solid #A4A4A4;
                            .ser_img12{
                                display: inline-block;
                                background: url(../img/wechat.png) no-repeat 50%;
                                background-position: 0 -97px;
                                height: 27px;
                                width: 30px;
                                &:hover{
                                    background-position: 0 -60px;
                                }
                            }
                           }
                            
                            
                        }
    
                    }
                }  
                .third_reg_m{
                    width: 360px;
                    height: 204px;
                    padding: 0px 20px;
                    border-left:1px solid #A4A4A4;
                    border-right:1px solid #A4A4A4;
                    .m_titt{
                        width: 100%;
                        font-size: 16px;
                        font-weight: 400;
                        margin-bottom: 28px;
                        line-height: 1;
                        text-align: center;
                        }
                        .m_info{
                            text-align: left;
                            font-size: 13px;
                            line-height: 23px;
                            margin-bottom: 22px;
    
                        }
                        .m_third{
                            padding: 0 37px;
                            line-height: 1;
                            text-align: left;
                            width: 100%;
                            display: flex;
                            .force{
                                width: 100px;
                                height: 30px;
                                font-size: 14px;
                                line-height: 30px;
                            }
                            .wechat{
                                display: flex;
                                justify-content: space-around;
                                align-items: center;
                                div{
                                    height: 32px;
                                    width: 32px;
                                    
                                }
                                .img_1{
                                    background: url(../img/wechat.png) no-repeat 50%;
                                    background-position: 0 -470px;
                                }
                                .img_2{
                                    margin: 0 20px;
                                    background: url(../img/wechat.png) no-repeat 50%;
                                    background-position: 0 -428px;
                                }
                                .img_3{
                                    background: url(../img/wechat.png) no-repeat 50%;
                                    background-position: 0 -326px;
                                }
                            }
                        }
                }        
                .third_reg_r{
                    width: 360px;
                    height: 204px;
                    .third{
                        padding: 0 37px;
                        line-height: 1;
                        text-align: center;
                        width: 100%;
                        font-size: 16px;
                        margin-bottom: 28px;
                    }
                    .codebox{
                        width: 100%;
                        height: auto;
                        display: flex;
                        justify-content: center;
                        .wycodes{
                            display: inline-block;
                            width: 104px;
                            height:104px;
                            background: url(../img/codewy.png) no-repeat 50%;
                        }
                    }
                    .yx_cp_tip{
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    font-size: 12px;
                    color:#b4a078;
                    padding-top: 10px;
                    }
                }        
            
            }
    
    
            .after_sale{
                width: 100%;;
                height: 250px;
                padding-top: 37px;
                color:#fff;
                display: flex;
                flex-direction: column;
                align-items: center;
                background-color: #414141;
                .brands{
                    width: 84%;
                    margin-bottom: 30px!important;
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    li{
                        width:24%;
                        height:50px;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        .brandIcon{
                            width: 50px;
                            height:50px;
                            margin-right:20px;
                            cursor: pointer;
                        }
                        .brandIcon1{
                            background: url(../img/wechat.png) no-repeat 50%;
                            background-position: 0 -134px;
                        }
                        .brandIcon2{
                            background: url(../img/wechat.png) no-repeat 50%;
                            background-position: 0 -368px;
                        }
                        .brandIcon3{
                            background: url(../img/wechat.png) no-repeat 50%;
                            background-position: 0 0px;
                        }
                        .brandIcon4{
                            background: url(../img/wechat.png) no-repeat 50%;
                            background-position: 0 -194px;
                        }
                    }
                }
                .hrwy{
                    width: 84%;
                    height: 1px;
                    margin-bottom: 27px;
                    background-color: #4f4f4f;
                    border: 0;
                }
                .botBox{
                    width: 84%;
                    .links{
                        font-size: 12px;
                        color:#999;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        b{
                            margin:0 10px ;
                        }
                        a{
                            color:#999;
                            cursor: pointer;
                            &:hover{
                                color:#fff;
                            }
                        }
                    }
                    .midText,.yxpolice{
                        font-size: 12px;
                        color:#999;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin:11px 0;
                        a{
                            color:#999;
                            margin-right:4px;
                            cursor: pointer;
                            &:hover{
                                color:#fff;
                            }
                            img{
                                width: 16px;
                                height:16px;
                            }
                        }
                    }
                }
            }
        }